.pxToRem(@p, @px){
    @{p}: @px / 75 * 1rem;
}

header{
	display:flex;
	.pxToRem(height,80);
	.pxToRem(line-height,80);
	border-bottom:1px solid #ccc;
	width:100%;
	position:fixed;
	left:0;
	top:0;
	background:#fff;
	z-index:10000;
	.left{
		.pxToRem(padding-left,20);
		.pxToRem(padding-right,20);
		.iconfont{
			.pxToRem(font-size,50);
		}
	}
	.center{
		text-align:center;
		flex:1;
		.pxToRem(font-size,40);
	}
	.right{
		.pxToRem(padding-left,20);
		.pxToRem(padding-right,20);
		img{
			.pxToRem(width,50);
		}
	}
}
.daren{
	.pxToRem(padding-top,80);
}
.renwu,.daren{
	.pxToRem(margin-bottom,70);
	h3{
		.pxToRem(line-height,80);
		.pxToRem(font-size,40);
		.pxToRem(padding-left,20);
	}
	.zhanshi{
		.pxToRem(padding-left,20);
		img{
			.pxToRem(width,316);
			.pxToRem(margin-right,10);
		}
	}
}
.hot{
	.pxToRem(padding-bottom,120);
	.title{
		.pxToRem(line-height,50);
		h3{
			float:left;
			.pxToRem(padding-left,20);
		}
		p{
			float:right;
			.pxToRem(padding-right,20);
		}
	}
	div{
		img{
			width:100%;
			.pxToRem(margin-bottom,10);
		}
	}
}
footer{
	display:flex;
	justify-content:space-around;
	align-items:center;
	.pxToRem(height,110);
	background:#fff;
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	dl{
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
		dt{
			.pxToRem(height,50);
			.pxToRem(width,60);
			img{
				width:100%;
				.pxToRem(height,50);
			}
		}
		dd{
			.pxToRem(padding-top,10);
			.pxToRem(padding-bottom,10);
		}
	}
}